<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" id="content" maxlength="1">
    <button id="btn">点击</button>
    <span id="tips"></span>
</body>
<script>
    // 输入一个字符判断是否是小写字母
    // 1. 输入后 点击判断

    var contentInp = document.getElementById("content");
    var btn = document.getElementById("btn");
    var tips = document.getElementById("tips");

    btn.onclick = function () {
        var content = contentInp.value; // 输入框取值 => 字符串类型

        // 判断第一个字符,是否是小写字母?  

        // 第一个字符的编码 -> 判断范围
        // var charCode = content.charCodeAt(0); //第一个字符的编码
        // if (charCode >= 97 && charCode <= 122) {
        //     tips.innerText = "小写字母"
        // } else {
        //     tips.innerText = "非小写字母";
        // }

        // 创建一个数组包含所有的小写字母  -> 在数组中存在就是小写 

        // var list = ["a","b","c","d"]; //一个一个写太麻烦

        // var list = [];
        // for (var i = 97; i <= 122; i++) {
        //     var char = String.fromCharCode(i); // 根据编码返回对应的字符
        //     list.push(char);
        // }
        // console.log(list);

        // var firstChar = content.charAt(0);
        // if (list.includes(firstChar)) {
        //     tips.innerText = "小写字母"
        // } else {
        //     tips.innerText = "非小写字母";
        // }


        // 每一个字符是否都是小写?
        // 每一个字符是否都是 数字 字母 _?

    }


</script>

</html>